<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="~{page/top :: tophead}"></div>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>资源页_个人博客 - 一个在Java道路上的技术员个人博客网站</title>
    <link rel="shortcut icon" href="../images/favicon.ico">
    <meta name="keywords" content="个人博客,罗廷方个人博客,罗廷方"/>
    <meta name="description" content="罗廷方个人博客，是一个在Java道路上的技术员个人博客网站"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/animate.css"
          rel="stylesheet">
    <link href="/css/loaders.css"
          rel="stylesheet">
    <link
            href="../css/plugins/sweetalert/sweetalert.css"
            rel="stylesheet">
    <style type="text/css">
        .loader-inner > div {
            background-color: #907f819e
        }
    </style>
</head>
<body style="background:url(/images/bj.png) repeat top left scroll">
<div th:replace="~{page/top :: top}"></div>
<article>
    <div class="lbox">
        <div class="newblogs notice">
            <h2 class="hometitle">
	      <span class="tagTitle">
	      	<a href="javascript:void(0);">学习视频</a>
	      	<a href="javascript:void(0);">项目源码</a>
	      	<a href="javascript:void(0);">笔记</a>
	      	<a href="javascript:void(0);">开发工具</a>
	      </span>
                资源分享
            </h2>

            <ul>

            </ul>
            <div class="pagelist ">

            </div>
            <div class="pageMin ">

            </div>
        </div>
    </div>

    <div class="rbox ">
        <div class="search1 whitebg">
            <form name="searchform" id="searchform" style="width:100%;height: 30px;">
                <input name="keyword" id="keyword" class="input_text"
                       value="请输入关键字" style="width:70%;color: rgb(153, 153, 153);"
                       onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}"
                       onblur="if(value==''){this.style.color='#999';value='请输入关键字'}"
                       type="text">
                <input class="input_submit" value="搜索" type="button" onclick="selectResource()">
            </form>
        </div>
        <div class="tuijian2 whitebg">
            <h2 class="cloud_hometitle">推荐文章</h2>
            <ul class="tjpic animated fadeInDown">
                <i><img src="../images/t03.jpg"></i>
            </ul>
            <ul class="sidenews">

            </ul>
        </div>
    </div>
</article>
<footer>
    <p>Design by <a href="#">筱筠回来了</a> <a href="/">蜀ICP备18001827号-1</a></p>
</footer>

<!-- 全局js -->
<script type="text/javascript" color="255,140,0" opacity='0.7'
        zIndex="-1" count="99"
        src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?f655f558c510211e38805f6b586e6b15";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();

    //初始化所有类别信息
    var initAllBlogType = function () {
        //查询出文章类别
        //设置参数，表示查询所有的类别
        var params = {
            "data": "all"
        };
        $.ajax({
            url: '/selectBlogType',
            type: 'post',
            data: params,
            dataType: 'json',
            success: function (data) {
                var typeName = '';
                for (var i = 0; i < data.length; i++) {
                    typeName += "<li><a href='/result?keyboard=type_" + data[i].id + "'>" + data[i].typename + "</a></li>";
                    //typeName += '<a onclick="searchType(' + data[i].id + ',\'' + data[i].typename + '\')" href="javascript:void(0);">' + data[i].typename + '</a> '
                }
                $(".sub").html(typeName);
            },
            error: function () {
                layer.msg('请求太快，请稍后再试！', {
                    icon: 5
                });
            }
        });
    }
    /*鼠标特效 */
    /*这个方法用来随机一个十六进制颜色代码，让每一次点击浮动文字的杨色不同*/
    function co() {
        var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
        var colorArray = colorElements.split(",");
        var color = "#";
        for (var i = 0; i < 6; i++) {
            color += colorArray[Math.floor(Math.random() * 16)];
        }
        return color;
    }

    var a_idx = 0;

    jQuery(document).ready(function ($) {
        initAllBlogType();
        $("body").click(function (e) {
            /*这个数组中的每一个字符是你要浮动显示的词或句子，每次点击鼠标后按顺序出现*/
            var a = ["Hello基佬", "你再点", "你继续点", "你有本事接着点", "有种你还点", "快别他妈点了", "好好看文章不行吗"];
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                "z-index": 999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "color": co()
            });
            $("body").append($i);
            $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function () {
                    $i.remove();
                });
        });
    });
</script>
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/page/resource.js"></script>
<script src="../js/layer/layer.js"></script>

</body>
</html>
